<template>
  <el-date-picker
      v-model="formData[formData.valueName]"
      :disabled="formStatus === 'info'"
      type="datetimerange"
      :range-separator="formData.rangeSeparator"
      :start-placeholder="formData.startPlaceholder"
      :value-format="formData.valueType"
      :format="formData.showValueType"
      :end-placeholder="formData.endPlaceholder"
  />
</template>

<script setup name="daterangePicker">
const props = defineProps({
  formData: {
    type: Object,
    default: () => {},
    required: true
  },
  formStatus: {
    type: String,
    default: 'edit'
  }
})
</script>

<style scoped lang="scss">

</style>
